Main Menu

Google Ads

Proudly Hosted on

About Me

Hi, I 'm Aditya, the guy behind this website and many other. This site acts as my web playground, where I share all about me, my work and my knowledge.

I have over 10.5 yrs hands on experience in PHP, Mysql, JavaScript, open sources CMS like Joomla, Wordpress etc. During these 10.5 years, I have worked on more than 200 projects and/or websites but could not spare time for my blog. But now I am trying to write something whenever I can.

 

Tag Cloud

Ajax API best video box-shadow in ie cake php chat cloud zoom codeigniter css3 difference between php4 and php5 facebook like chat framework Frameworks image zoom Important factors internet explorer Joomla joomla extensions joomla modules joomla templates joomla work jquery zoom localhost must watch MVC PHP php4 and php5 Php classes plugins rounded corners in ie Search Engine Optimization send email from xampp sending email from localhost sending email from xampp SEO sixth sence slow localhost Technology twitter bootstrap video WebDesign Website Development Website title XML youtube

Categories

 

Cloud Zoom
Written by Aditya
Saturday, 15 January 2011 10:59

Cloud Zoom is a free jQuery image zoom plugin, a comparable alternative to products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.

Features

  • Works with most browsers (tested on IE6+, Firefox, Chrome, Opera, Safari).
  • Easy integration with basic valid HTML.
  • Small 6Kb (minified) script.
  • Smooth zoom movement.
  • Gallery mode.
  • Tint, soft focus and inner zoom features.
  • Degrades gracefully with Javascript turned off.
  • Fully accessible with no CSS or text only browsers.
  • It's completely free.

Parameters

Parameter Description Default Value
zoomWidth The width of the zoom window in pixels. If 'auto' is specified, the width will be the same as the small image. 'auto'
zoomHeight The height of the zoom window in pixels. If 'auto' is specified, the height will be the same as the small image. 'auto'
position Specifies the position of the zoom window relative to the small image. Allowable values are 'left', 'right', 'top', 'bottom', 'inside' or you can specifiy the id of an html element to place the zoom window in e.g. position: 'element1' 'right'
adjustX Allows you to fine tune the x-position of the zoom window in pixels. 0
adjustY Allows you to fine tune the y-position of the zoom window in pixels. 0
tint Specifies a tint colour which will cover the small image. Colours should be specified in hex format, e.g. '#aa00aa'. Does not work with softFocus. false
tintOpacity Opacity of the tint, where 0 is fully transparent, and 1 is fully opaque. 0.5
lensOpacity Opacity of the lens mouse pointer, where 0 is fully transparent, and 1 is fully opaque. In tint and soft-focus modes, it will always be transparent. 0.5
softFocus Applies a subtle blur effect to the small image. Set to true or false. Does not work with tint. false
smoothMove Amount of smoothness/drift of the zoom image as it moves. The higher the number, the smoother/more drifty the movement will be. 1 = no smoothing. 3
showTitle Shows the title tag of the image. True or false. true
titleOpacity Specifies the opacity of the title if displayed, where 0 is fully transparent, and 1 is fully opaque. 0.5

 

[download id="5"]

Tags: , ,

This entry was posted on Saturday, January 15th, 2011 at 10:59 pm and is filed under jquery & others. You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.

16 Comments

  1. Commentshonor88   |  Monday, 18 December 2023 at 9:40 pm

    honor88

    Cloud Zoom – Aditya Didwania

  2. CommentsHomepage   |  Friday, 18 October 2024 at 9:56 am

    … [Trackback]

    […] Read More Infos here: adityad.com/jquery/cloud-zoom/ […]

  3. Commentsendolift   |  Sunday, 20 October 2024 at 3:47 am

    … [Trackback]

    […] Read More to that Topic: adityad.com/jquery/cloud-zoom/ […]

  4. Commentshit789   |  Sunday, 20 October 2024 at 3:51 am

    … [Trackback]

    […] Find More on that Topic: adityad.com/jquery/cloud-zoom/ […]

  5. Commentsfaw99   |  Sunday, 20 October 2024 at 4:09 am

    … [Trackback]

    […] Information on that Topic: adityad.com/jquery/cloud-zoom/ […]

  6. Comments??????????????   |  Sunday, 20 October 2024 at 9:48 am

    … [Trackback]

    […] Find More on on that Topic: adityad.com/jquery/cloud-zoom/ […]

  7. Comments?????????? ???????????   |  Sunday, 20 October 2024 at 10:24 am

    … [Trackback]

    […] Read More on that Topic: adityad.com/jquery/cloud-zoom/ […]

  8. Comments????????????? sagame   |  Wednesday, 23 October 2024 at 3:57 am

    … [Trackback]

    […] Read More Information here on that Topic: adityad.com/jquery/cloud-zoom/ […]

  9. Commentsclassic press sink wholesaler   |  Wednesday, 23 October 2024 at 9:52 am

    … [Trackback]

    […] Find More Info here on that Topic: adityad.com/jquery/cloud-zoom/ […]

  10. Commentsfunnyvideos   |  Thursday, 24 October 2024 at 6:56 am

    … [Trackback]

    […] Find More here to that Topic: adityad.com/jquery/cloud-zoom/ […]

  11. Commentslucabet   |  Sunday, 27 October 2024 at 8:23 am

    … [Trackback]

    […] Info on that Topic: adityad.com/jquery/cloud-zoom/ […]

  12. Commentstrò ch?i mi?n phí   |  Monday, 28 October 2024 at 4:58 am

    … [Trackback]

    […] Find More Information here on that Topic: adityad.com/jquery/cloud-zoom/ […]

  13. Commentsseo for psychologists   |  Wednesday, 30 October 2024 at 4:39 am

    … [Trackback]

    […] Info on that Topic: adityad.com/jquery/cloud-zoom/ […]

  14. Comments???????????????   |  Wednesday, 30 October 2024 at 5:16 am

    … [Trackback]

    […] Read More to that Topic: adityad.com/jquery/cloud-zoom/ […]

  15. Comments??????LED   |  Friday, 01 November 2024 at 4:53 am

    … [Trackback]

    […] Read More Info here on that Topic: adityad.com/jquery/cloud-zoom/ […]

  16. Comments???????   |  Sunday, 03 November 2024 at 5:17 am

    … [Trackback]

    […] Find More Info here to that Topic: adityad.com/jquery/cloud-zoom/ […]

Home / Cloud Zoom